<template>
  <x-popup height="660" v-model="show" title="线下支付操作">
    <x-input label="支付方式" :required="true"></x-input>
    <x-input label="收款金额" :required="true"></x-input>
    <x-input  label="备注"></x-input>

    <x-bottom>
      <view class="note">注：提交的金额小于本期金额，则剩余金额需要用户再支付。</view>
      <view class="x-btn x-btn-primary">提交</view>
    </x-bottom>
  </x-popup>
</template>

<script setup>
import XPopup from '@/components/lib/popup';
import {ref} from 'vue';
const show = ref(false)

const open = () => {
  show.value = true;
}

defineExpose({open})
</script>

<style scoped lang="less">
.note {
  color: red;
  font-size: 24rpx;
  padding-bottom: 10rpx;
  box-sizing: border-box;
  text-align: center;
}
</style>
